@charset 'utf-8';
.view_invitation{
    width: 806px;
    height: 1121px;
    float: right;
    border: 1px solid #7D7C7C;
    background: #FFFFFF;
    margin-right: 47px;
    .view_title{
        width: 753px;
        height: 86px;
        margin: 0  auto;
        p{
            font-size: 33px;
            color: #0DAFD2;
            padding-top: 23px;
            span{
                font-size: 14px;
                color: #7d7c7c;
                margin-left: 17px;
            }
        }
        .view_border{
            margin-top: 15px;
            border: 1px solid #7D7C7C;
        }
    }
    .view_content{
        width: 750px;
        height: 420px;
        margin: 0 auto;
        .view_left{
            float: left;
            margin-top: 10px;
            width: 233px;
            height: 401px;
            border: 1px solid #7D7C7C;
            .view_img{
                width: 233px;
                height: 210px;
                display: block;
            }
            .left_top{
                width: 233px;
                height: 191px;
                background: #f6f6f6;
                text-align: center;
                p{
                    font-size: 22px;
                    color: #4D4C4C;
                    padding-top: 13px;
                    
                }
                p:nth-child(2){
                    font-size: 15px;
                    color: #676767;
                }  
                p:nth-child(3){
                    padding: 0 20px 0;
                    margin: 18px 4px;
                    line-height: 1px;
                    border-left: 61px solid #7D7C7C;
                    border-right: 61px solid #7D7C7C;
                    text-align: center;
                    font-size: 30px;
                    color: #7D7C7C;
                }
                p:nth-child(4){
                    font-size: 12px;
                    color: #4c4c4c;
                    margin-top: 28px;
                }
                ul{
                    margin-left: 9px;
                    margin-top: 20px;
                    li{
                        float: left;
                        margin-right: 9px;
                        img{
                            margin-right: 3px;
                        }
                        span{
                            font-size: 12px;
                            color: #999999
                        }
                    }
                }
            }
        }
        .view_right{
            float: right;
            margin-top: 10px;
            width: 503px;
            height: 401px;
            background: #F6F6F6;
            border: 1px solid #7D7C7C;
            .view_li_top{
                width: 463px;
                margin: 0 auto;
                border-bottom: 1px solid #d4d4d4;
                .view_li_left{
                    float: left;
                    margin: 8px;
                    img{
                        width: 53px;
                        height: 57px;
                    }
                }
                .view_li_center{
                    float: left;
                    margin-top: 16px;
                    li{
                        font-size: 14px;
                        color: #4C4C4C;
                        line-height: 25px;
                    }
                }
                .view_li_right{
                    float: right;
                    margin-top: 13px;
                    display:none;
                    input{
                        background: #0DAFD2;
                        width: 58px;
                        height: 24px;
                    }
                    input:nth-of-type(2){
                        margin-top: 9px;
                        background: #b7b7b7;
                    }
                }
            }
        }
        
    }
    .view_buttom{
            width: 750px;
            height: 980px;
            margin: 0 auto;
            .view_buttom_title{
                width: 750px;
                height: 35px;
                margin-top: 83px;
                border-bottom: 1px solid #f0f0f0;
                p{
                    font-size: 20px;
                    color: #0dafd2;
                }
            }
            .view_buttom_conter{
                width: 750px;
                border-bottom: 1px solid #F0F0F0;
                .conter_left{
                    float: left;
                    margin-top: 11px;
                    p{
                        margin-top: 20px;
                        font-size: 12px;
                        color: #7D7C7C;
                        margin-bottom: 10px;
                    }
                }
                .conter_cz{
                    float: left;
                    margin-left: 7px;
                    margin-top: 14px;
                    li{
                        font-size: 14px;
                        color: #666565;
                        line-height: 25px;
                    }
                }
                .conter_rig{
                    float: right;
                    margin-top: 80px;
                    span{
                        font-size: 14px;
                        color: #666565;
                    }
                }
            }
            
            
        }
}
